import React, { Component } from 'react';

import {NavLink,Link} from 'react-router-dom';

import List from './list.jsx';
import Detail from './detail.jsx';
//
// 需求：
// 有一个商品列表页面
// 每个商品有一个详情页面
// product
// product/23242
// product/100000
// product/31
// product/8
// product/1000000000
// product/22222
// src/
//     info/
//     about/
//     info/
//     about/
//     product/


class View extends Component {
    ifPage(id){
        if(id){
            return <Detail id={id}/>
        }else {
            return <List/>
        }
    }
    render(){
        console.log(this.props)
        console.log(this.props.match.params.id)
        // history
        // location
        // match
        return(
            <div>
                这是info页面
                <br/><Link to="/">首页</Link>
                <br/><Link to="/about">about</Link>
                <br/><NavLink exact to="/">首页</NavLink>
                <br/><NavLink to="/about">about</NavLink>
                <br/><NavLink to="/info">info</NavLink>
                <br/>/info
                list.jsx
                /info/6
                detail.jsx
                {this.ifPage(this.props.match.params.id)}
                footer
            </div>
        )
    }
}
export default View;
